<!DOCTYPE html>
<html>

    <!-- 网站的头部 -->
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>Easy Cat Timer - 404</title>

        <!-- icon文件 -->
        <link type="image/x-icon" href="./favicon.ico" rel="icon">

        <!-- 样式文件-->
        <link rel="stylesheet" href="./css/style/initial.css">
        <link rel="stylesheet" href="./css/style/menu.css">
        <link rel="stylesheet" href="./css/style/main.css">
        <link rel="stylesheet" href="./css/animation/menu.css">
        <link rel="stylesheet" href="./css/media/media.css">

        <!-- 代码文件 -->
        <script src="./js/script.js"></script>

    </head>

    <!-- 网站的身体 -->
    <body>
    
        <!-- 主要内容 -->
        <main id="main">

            <!--图片-->
            <div class="image">

                <!--猫咪-->
                <div class="cat"></div>
                <!--问号-->
                <div class="what"></div>

            </div>

            <!--文字-->
            <div class="text">

                <!--标题-->
                <div class="null1"></div>
                <p class="title">抱歉……</p><!--Srroy...-->
                <p class="title">找不到你要的页面</p><!--Can't find page-->
                
                <!--内容-->
                <div class="null2"></div>
                <p class="content">你可以回到主页：</p><!--You can go back to the home page:-->
                <a class="link" href="https://cn.easycattimer.com">https://cn.easycattimer.com</a>

            </div>

        </main>

        <!-- 导航栏 -->
        <nav id="menu">

            <!-- 按钮 -->
            <div class="buttons">

                <!-- Logo -->
                <a class="logo" href="../index.html" target="_blank">
                    <!-- 图片 -->
                    <div class="image"></div>
                </a>

                <!-- 版本号 -->
                <div class="version">
                    <!-- 矩形 -->
                    <div class="rect"></div>
                    <!-- 尖角 -->
                    <div class="corner"></div>
                    <!-- 文字 -->
                    <div class="text">v1.0</div>
                </div>
                
                <!-- 这是什么？ -->
                <a class="whatIsIt" href="../what-is-it/index.html" target="_blank">
                    <!-- 文字:这是什么? -->
                    <div class="text">What's it?</div>
                    <!-- 下划线 -->
                    <div class="line"></div>
                </a>

                <!-- 语言 -->
                <div class="language">
                    <!-- 文字:语言 -->
                    <div class="text">Language</div>
                    <!-- 下划线 -->
                    <div class="line"></div>

                    <!-- 可选的语言 -->
                    <div class="choose">
                        <!-- 盒子 -->
                        <div class="box"></div>
                        <!-- 箭头 -->
                        <div class="corner"></div>
                        <!-- 英文 -->
                        <a class="english" href="../../english/404/index.html" target="_blank">English</a>
                        <!-- 中文 -->
                        <a class="chinese" href="../../chinese/404/index.html" target="_blank">简体中文</a>
                    </div>
                </div>

                <!-- 空白 -->
                <div class="null"></div>

                <!-- 下载 -->
                <a class="download" href="../download/index.html" target="_blank">Download</a>

            </div>

        </nav>

    </body>

</html>